<template>
  <!-- 测试await、async使用forEach和for循环遍历出现的问题，forEach会出现逻辑循序错乱 -->
</template>

<script>
  export default {
    name: "Index",
    methods: {
      post(p) {
        return new Promise((res, rej) => {
          console.log(22);
          res()
        }).then(res => {
          console.log(222);
          return `请求返回--------:${p}`
        })
      },
      // forEach循环
      // confrim(){
      //   console.log(1);
      //   let arr = ['p1', 'p2']; // 模拟多行数据
      //   arr.forEach(async item => {
      //     console.log(2);
      //     let res = await this.post(item);
      //     console.log('res------------:', res)
      //     console.log(3);
      //   });
      //   console.log(4);
      // },
      // for循环
      // for循环
      async confrim() {
        console.log(1);
        let arr =  ['p1', 'p2']; // 模拟多行数据
        for(let i =0,l=arr.length; i<l;i++) {
          console.log(2);
          let res = await this.post(arr[i]);
          console.log('res------------:', res)
          console.log(3);
        }
        console.log(4)
      }
    }
  }
</script>

<style scoped>

</style>
